<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>main</title>
    <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" type="text/css" href="fonts/iconfont.css">
    <link rel="stylesheet" href="css/login+register.css">
    <style type="text/css"></style>
</head>
<body>
	<%@ include file="menu.jsp" %>

 
   <!--轮播图加详细信息-->
    <section>
       
       <!--轮播-->
       <div class="lunbo">
             <div class="panel">
                <div class="panel1">
                    <ul id="courselist">
                        <li>
                           <!--href="resources.html?Type_one=前端开发"-->
                            <a >
                                <span id="course1">前端开发</span>
                                <span>&gt;</span>
                            </a>
                            <div class="showfuc_box func_bot1 " id="func_bot1">
                               <div><span>分类</span></div>
                                <!--<ul>
                                    <li class='ul-list'>111</li>
                                    <li class='ul-list'>222</li>
                                    <li class='ul-list'>3333</li>
                                    <li class='ul-list'>4444</li>
                                    <li class='ul-list border-none'>5555</li>
                                </ul>-->
                            </div>
                        </li>
                        <li>
                            <a >
                                <span id="course2">后端开发</span>
                                <span>&gt;</span>
                            </a>
                            <div class="showfuc_box func_bot2 " id="func_bot2">
                                <div><span>分类</span></div>
                                
                            </div>
                        </li>
                         <li>
                            <a >
                                <span id="course3">移动开发</span>
                                <span>&gt;</span>
                            </a>
                            <div class="showfuc_box func_bot3 " id="func_bot3">
                                <div><span>分类</span></div>
                                
                            </div>
                        </li>
                        <li>
                            <a >
                                <span id="course4">数据库</span>
                                <span>&gt;</span>
                            </a>
                            <div class="showfuc_box func_bot4 " id="func_bot4">
                                <div><span>分类</span></div>
                               
                            </div>
                        </li>
                        <li>
                            <a >
                                <span id="course5">云计算&amp;大数据</span>
                                <span>&gt;</span>
                            </a>
                            <div class="showfuc_box func_bot5 " id="func_bot5">
                                <div><span>分类</span></div>
                              
                            </div>
                        </li>
                        <li>
                            <a >
                                <span id="course6">运维&amp;测试</span>
                                <span>&gt;</span>
                            </a>
                            <div class="showfuc_box func_bot6 " id="func_bot6">
                                <div><span>分类</span></div>
                            </div>
                        </li>
                       

                    </ul>
                </div>

            </div>
            
            <!--做li蒙版用的-->
            <div class="panel3">
               
            </div>
            
           <!--<div class="panel4">
              
           </div>-->

           <div class="panel panel2">

                <div class="pic show">
                    <a href="#"><img src="images/lunbo/1.jpg"></a>
                </div>
                <div class="pic">
                    <a href="#"><img src="images/lunbo/2.jpg"></a>
                </div>
                <div class="pic">
                    <a href="#"><img src="images/lunbo/3.jpg"></a>
                </div>
                <div class="pic">
                    <a href="#"><img src="images/lunbo/4.jpg"></a>
                </div>
                <div class="pic">
                    <a href="#"><img src="images/lunbo/5.jpg"></a>
                </div>
                <div class="pic">
                    <a href="#"><img src="images/lunbo/6.jpg"></a>
                </div>

                <div class="selects1">
                    <div class="cc h"></div>
                    <div class="cc"></div>
                    <div class="cc"></div>
                    <div class="cc"></div>
                    <div class="cc"></div>
                    <div class="cc"></div>
                </div>

                <div class="left">
                    <img src="images/lunbo/appbar.navigate.previous.png">
                </div>
                <div class="right">
                    <img src="images/lunbo/appbar.navigate.next.png">
                </div>

            </div>
            
       </div>
       
       <!--轮播下面的分类-->
      <!-- <div class="show_classes" id="move">
           <div class="web_index move1">
               <img src="img/lunbo/web.png">
               <span>web前端工程师</span>
           </div>
           <div class="move1">
               
               <img src="img/lunbo/php.png">
               <span>php工程师</span>
           </div>
           <div class="move1">
               
               <img src="img/lunbo/java.png">
               <span>java工程师</span>
           </div>
           <div class="move1">
               
               <img src="img/lunbo/ios.png">
               <span>ios工程师</span>
           </div>
           <div class="android_index move1">
               
               <img src="img/lunbo/android.png">
               <span>Android工程师</span>
           </div>
        </div>-->
        
        <!--留白的-->
        <!--<div class="recommend">
        </div>-->
       
        
    </section>
    
    <!--蒙版，随页面的滑动而滑动-->
    <div class="scroll_dov">
        <svg class="icon icon_top" aria-hidden="true">
          <use xlink:href="#icon-backtop"></use>
        </svg>
    </div>
    
    <!-- 个性推荐 -->
   <!--  <div class="hot_recoment rec_rec">
    	<div class="msg_card">*个性推荐*</div>
    	<div class="show_recom">
    		<div class="three_card" >
    			<ul class="rec_card" >
    				<li>
                       <a href='ResHome.jsp?courseId="+value.courseId+"'>
                           <div class='li_img'>
                               <img src='images/tuijian/good/good1.png'>
                               <p>java入门经典</p>
                           </div>
                           <div class='classlevel'>课程级别·高级</div>
                           <div class='createtime'><span>5</span>·人正在学习</div>
                       </a>
                     </li>
    			</ul>
    		</div>
    	</div>
    </div> -->
    
    <!--  推荐最新、最热、销量、更新视频  -->
    <div class="hot_recoment hot_three"> 
        <div class="msg_card">*最新视频*</div>
        <div class="show_recom">
            <div class="three_card" >

                <ul class="ppt_card" id="ul_move1">
                    <!--插入后台传过来的数据-->
                    
                </ul>

            </div>

            <!--左右两个按钮-->
            <div class="left_card">
                <img src="images/lunbo/appbar.navigate.previous.png">
            </div>
            <div class="right_card">
                <img src="images/lunbo/appbar.navigate.next.png">
            </div>
        </div>
    </div>
    
    <!--最新视频-->
    <div class="hot_recoment"> 
        <div class="msg_card">*最热视频*</div>
        <div class="show_recom">
            <div class="three_card" >

                <ul class="ppt_card" id="ul_move2">
                    <!--插入后台传过来的数据-->
                    
                </ul>

            </div>

            <!--左右两个按钮-->
            <div class="left_card">
                <img src="images/lunbo/appbar.navigate.previous.png">
            </div>
            <div class="right_card">
                <img src="images/lunbo/appbar.navigate.next.png">
            </div>
        </div>
    </div>
    
    <!--好评推荐-->
    <div class="hot_recoment"> 
        <div class="msg_card">*好评推荐*</div>
        <div class="show_recom">
            <div class="three_card" >

                <ul class="ppt_card" id="ul_move3">
                    <!--插入后台传过来的数据-->
                    
                </ul>

            </div>

            <!--左右两个按钮-->
            <div class="left_card">
                <img src="images/lunbo/appbar.navigate.previous.png">
            </div>
            <div class="right_card">
                <img src="images/lunbo/appbar.navigate.next.png">
            </div>
        </div>
    </div>
    
    <!--个性推荐-->
   <!--  <div class="hot_recoment"> 
        <div class="msg_card">*个性推荐*</div>
        <div class="show_recom">
            <div class="three_card" >

                <ul class="ppt_card" id="ul_move4">
                    插入后台传过来的数据
                    
                </ul>

            </div>

            左右两个按钮
            <div class="left_card">
                <img src="images/lunbo/appbar.navigate.previous.png">
            </div>
            <div class="right_card">
                <img src="images/lunbo/appbar.navigate.next.png">
            </div>
        </div>
    </div> -->
    
    <!--个人中心蒙版-->
    
    
    <footer>
        @copyright  by 南京晓庄学院
    </footer>
    
    
</body>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/iconfont.js"></script>
<script src="js/main.js"></script>
 <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/login+register.js"></script>
<script>
    

</script>
</html>